Homepage: align each block to the live design#6
Merged
Conversation
From a measured block-by-block comparison against the live page (with its promo modal and cookie banner dismissed). - hero: H1 42px, not 56px. Dark-hero links white. - dark sections: stop forcing button text white (a global link rule was overriding .button color, so Learn More was white; live is black). - category tiles: full-bleed edge to edge, heading 30px/400. - confidence band: real coverage icons restored, badge at hero size, heading letter-spacing, larger subcopy. - store-locator: More Locations / Online Retailers side by side, smaller heading, distance 40px, uppercase store name and address. - news band: three cards fill the row (auto-fit), underlined headlines, full-opacity dividers. - promo bar: sentence case, plus glyph, slim height, 12px. - perfect-fit: 12px, wider icons. - TerrainContact: narrower text column via a columns feature variant. Interactive parity left out for now: the promo accordion, the TerrainContact carousel, the tire-finder modal. Verified against the clean live homepage at 1440px.
|
Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
Commits
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fix #5
Align each homepage block to the live continentaltire.com, from a measured block-by-block comparison (live promo modal and cookie banner dismissed first, computed styles compared).
Test URLs:
What changed: hero H1 sized to 42px; a global dark-section link rule no longer forces button text white (Learn More is black now, matching live); category tiles are full-bleed; the confidence band has its real coverage icons and a hero-size badge; store-locator CTAs sit side by side; the news band fills the row; the promo bar is sentence case and slim; perfect-fit icons are wider; the TerrainContact text column is narrower via a
columns featurevariant.Not included (interactive parity, flagged separately): the promo accordion, the TerrainContact carousel, the tire-finder modal.
Testing: verified against the clean live homepage at desktop.
eslintandstylelintpass.